* {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #666666;
}
body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  font-size: 14px;
  max-width: 640px;
  margin: 0 auto;
}
 #wrap{
 	margin-bottom: 60px;
 }
#wrap .header {
  border-bottom: 1px solid #C2C2C2;
  height: auto;
}
#wrap .header {
  width: 100%;
    overflow: hidden;
}
#wrap .header .h-logo {
  height: 60px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
#wrap .header .h-panel{
	display: inline-block;
}
#wrap .header .h-panel svg {
  width: 100%;
  height: 100%;
  align-items: stretch;
}
#wrap .header .h-panel svg rect {
  width: 38px;
  height: 4px;
  fill: #e50050;
}
#wrap nav {
  background: url(../image/top_bg.jpg) no-repeat center top;
}
#wrap nav a:nth-of-type(1) {
  color: red;
}
#wrap nav a {
  color: #454444;
  display: inline-block;
  width: 19%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
/*轮播图*/
#wrap .banner{
	position: relative;
}
#wrap .banner img{
	position: absolute;
}
#wrap .banner ul{
	
}
#wrap .banner ul li{
	width: 30px;
	height: 50px;
	background: black;
	position: absolute;
	top: 50px;
	z-index: 12;
	opacity: 0.3;
}
#wrap .banner ul li:nth-of-type(1){
	
	left: 0;
}
#wrap .banner ul li:nth-of-type(2){
	right: 0;
}
/*轮播图结束*/

#wrap .banner{
  height: 12rem;
  background: cadetblue;
}
#wrap .banner img {
  width: 100%;
  height: 12rem;
}
.hd-nav-wrap {
      border: 1px solid #2260b4;
      border-radius: 20px;
      overflow: hidden;
      margin:14px 6px;
      text-align: center;
      height: 2rem;
      line-height: 2rem;
}
.hd-nav-wrap .xian{
	 border: 1px solid #2260b4; 
	 border-radius:20px ;
	 display: block;
	 float: left;
	 font-size: 14px;
  	height: 21px; 
  	line-height: 21px;
  	text-align: center;
  	overflow: hidden;
  	padding: 5px;
}
.liebiao{
	padding: 1rem;
}
.tupian1 li{
	overflow: hidden;
}
#wrap .tupian1 li {
	margin-bottom: 1vh;
}
#wrap .tupian1 li img {
  
}
.swiper-wrapper img {
    width: 100%;
    height: 140px;
}
.zhuti{
		  height: 15.5vh;
		  padding-left: 8px;
			color: #919191;
			width: 31vh !important;
			line-height: 18px;
			float: right;
			}
.zhuti p:nth-of-type(1){
 color:	#4b8ee8;
 margin-bottom: 5px;
 height: 36px;
 overflow: hidden;
}
.zhuti p:nth-of-type(1) .remen{
	color: red;
}
@media only screen and (min-width: 768px) {
				body{
					font-size: 24px;
				}
				.zhuti{
					width: 24rem !important;
					height: auto !important;
					font-size: 24px;
					line-height: 28px;
				}	
				#wrap .tupian1 li img {
				    width: 200px;
				    height: 150px;
				}
				.f_dz_box{
					width: 50%;
					float: left;
				}		
				#wrap nav a {
					width: 19% !important; 
					padding: 10px 0px !important;
				}
				footer nav .btn-group{
					top: 95.5% !important;
				}
				.title .lingdui p{
					padding-right: 70px;
				}
    		#wrap .footer nav a{
    			width: 16%;
          padding: 8px 2px;
    		}
				.zhuti p:nth-of-type(1){
					height: 54px !important;
				}
				.shengming{
					height: 400px !important;
					margin: 0 62px 0 0 !important;
				}
				.sq-r-box dl dd .r-w .date{
				        margin-right: 109px !important;
				}
				#shengming-sub{ 
			    width: 70px !important;
			    height: 30px !important;
			    font-size: 18px !important; 
			    line-height: 30px !important;  
			    
				}
				.shengming .shengming-txt{
					    height: 285px !important;
    					margin: 20px 0 30px 0 !important;
							line-height: 28px !important;
				}
				.quxiao {
					width: 30px !important;
    			height: 30px !important;
        	line-height: 30px !important;
        	    top: 12px !important;
        	left: 90% !important;
				}
				.ulWrap li{
					 width: 250px !important;
				}
				.ulWrap .sign-info{
					    width: 160px !important;
				}
				.swiper-wrapper img {
				    height: 200px;
				}
				.baom {
			    
			    width: 350px !important;
			    top: 40% !important;
			  }
    		.txt-con table{
					width: 650px !important;
				}

			.dianping ul .ping-mero img{
				    width: 162px !important;
    				height: 108px !important;
			}
			.comment .dianping ul li span{
				    width: 66px !important;
				    height: 25px !important;
				    line-height: 25px !important;
			}
			.sq-r-box dl dt{
				width: 20% !important;
			}
			.sq-r-box dl dd{
				    width: 78% !important;
			}
			

            .xq-btn a{
                    width: 117px !important;
            }
			}
			  @media all and (max-width: 460px) and (min-width: 380px) {
				.zhuti{
					width: 16rem;
					height: auto;					
					 
				}
				#wrap .tupian1 li img{
					width: 9rem;
					height: 6rem;
				}	
				footer nav .btn-group{
					line-height: 50px !important;
					top: 94% !important;
				}
				.txt-con table{
					width: 380px !important;
				}

			}
			@media all and (max-width: 380px) and (min-width: 320px) {
				.zhuti{
					width: 11rem !important;
					height: auto !important;					
					
				}
				#wrap .tupian1 li img{
					width: 8rem;
					height: 6rem;
				}	
				.dianping ul .ping-mero img{
				    width: 104px !important;
			}
			.txt-con table{
					width: 350px !important;
				}
			footer nav .btn-group{
					line-height: 50px !important;
				}
			.xq-btn a{
                    width: 70px !important;
            }
			}
			@media only screen and (max-width: 320px) {
				.zhuti{
					
					height: auto;
					overflow: hidden;
					
				}	
				#wrap .tupian1 li img{
					width: 6rem;
					height: 6rem;
				}	 
				.h-logo img{ 
					width: 200px;
				}	
				.pagination ul li:nth-of-type(4){
					display: none !important;
				}
				footer nav .btn-group{
					top: 93% !important;
				}
				.txt-con table{
					width: 300px !important;
				}
			.dianping ul .ping-mero img{
				    width: 92px !important;
			}
			.comment .dianping ul li span{
				    margin-right: 15px !important;
			}
			.sq-r-box dl dt{
				width: 32% !important;
			}
			.sq-r-box dl dd{
				width: 64% !important;
			}
			.xq-btn a{
                    width: 70px !important;
                    margin: 0.5% !important;
            }
			}
			
/*企业定制*/
.f_dz_box{
    margin-bottom: 5px;
    height: 38px;
}

.f_dz_box input{
	height: 38px;
}
.f_dz_box span{
	  float: left;
    width: 65px;
    height: 38px;
    line-height: 38px;
    text-align: right;
    color: #4b8ee8;
    padding-right: 5px;
}
.f_dz_box .basic-input{
	    width: 189px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #D1D1D1;
    background: none;
    float: left;
}
#tijiao{
	  width: 130px;
    height: 36px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    text-align: center;
    background-color: #4b8ee8;
    display: inline-block;
    margin: 65px auto;
}
.pagination{
	width: 100%;
	    height: 40px;
	margin: 20px 0 0px 0 !important;
	text-align: center;
	clear: both;
}
.pagination ul li.on a{
	 background: #3e79d8;
    color: #fff;
}
.pagination ul li{
	display: inline-block !important;
    margin: 0 5px;
}
.pagination ul li a{
	    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    display: inline-block;
    background: #e9e9e9;
    border-radius: 3px;
    color: #454444;
}
.pagination .first i{
	    width: 7px;
    height: 5px;
    float: left;
    background: url(../../images/pages.png) no-repeat 0 0;
    margin: 12px 5px 0 0;
}
#wrap .footer {
  border-top: 1px solid #C2C2C2;
}
#wrap footer .foot{
	  background: #232329;
    color: #666; 
    text-align: center;
}
#wrap .footer nav {
        background: #4b8ee8;
}
#wrap .footer nav a {
  color: #000;;
}
#wrap .footer .footer-panel a{
	display: inline-block;
  /*width: 19%;*/
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
}
#wrap .footer div {
  background: #232329;
  color: #666;
  text-align: center;
}
/*.foot{
	height: 40px;
	line-height: 40px;
	margin-bottom: 8vh;
}*/
/*# sourceMappingURL=index.css.map */
/*获取验证码*/

.award-box{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -140px;
	margin-top: -160px;
  width: 280px;
	z-index: 1000;
	background: #fff;
  height: 300px;

} 

.award-box .award-hd{

    width: 235px;

    height: 150px;

    padding-top: 30px;

    position: relative;

    margin: 0 auto;

}

.award-box .award-hd .rect{

    width: 18px;

    height: 9px;

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -9px;

    bottom: -9px;

    z-index: 999;

    background: url(../images/rect3-4.png) no-repeat;

}

.award-box .award-hd .award-tips{

    text-align: center;

}

.award-box .award-hd .award-notice{

    font-size: 18px;

    line-height: 30px;

    color: #454444;

    word-break: break-all;

    margin-top: 10px;

}

.award-box .award-bd{

    width: 100%;

    height: 65px;

    padding-top: 40px;

    background: #2663b4;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    text-align: center;

}

.award-box .award-bd .watch{

    width: 145px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    background: #144f9d;

    display: inline-block;

}
/*footer nav .btn-group{
				    height: 50px !important;line-height: 40px !important;background-color: #EDF2F7 ;text-align: center;position: fixed ;width: 100%;bottom: 0;
}
footer nav .btn-group a{
	width: 25%;
    display: block;
    float: left;
}*/
/*. navbar-fixed-bottom{
	position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
}*/














